* {margin: 0;padding: 0;color: #333;}
html {min-height: 100%;display: flex;flex-direction: column;font-size: 50px;min-width: 24rem;}
@media screen and (max-width: 1400px) {html {font-size: 46px;}}
@media screen and (max-width: 1280px) {html {font-size: 42px;}}
body {width: 100%;flex: 1;display: flex;flex-direction: column;font-size: initial;}
#app, #render {display: flex;flex-direction: column;flex: 1;}
ul, ol {list-style: none;}
/*按钮*/
button, [type="button"] {cursor: pointer;box-sizing: border-box;outline: none;color: #fff;padding-left: 15px;padding-right: 15px;height: 36px;border: none;border-radius: 2px;background: #FB5005;transition: all .3s;box-shadow: 0 2px 5px #ccc;}
button:hover, [type="button"]:hover {opacity: .85;box-shadow: 0px 5px 20px #ccc;}
button:active, [type="button"]:active {opacity: 1;box-shadow: 0 5px 20px #aaa;}
[color="red"] {background: #FF5722;}
[color="yellow"] {background: #FFB800;}
[color="blue"] {background: #1E9FFF;}
[opacity] {background: transparent;box-shadow: unset!important;opacity: 1!important;color: #333;}
[opacity]:hover {background: rgba(0, 0, 0, .08);opacity: unset;}
[opacity]:active {background: rgba(0, 0, 0, .12);opacity: unset;}
[disabled] {border: 1px solid #e6e6e6;background: #fbfbfb;cursor: not-allowed;color: #c9c9c9;opacity: 1!important;}
/*文本框*/
[type="text"] {box-sizing: border-box;outline: none;color: #555;padding-left: 10px;height: 36px;border: 1px solid #e5e5e5;border-radius: 2px;transition: all .3s;}
[type="text"]:focus {border-color: #c8c8c8;}
/*阴影*/
[shadow] {box-shadow: 0 3px 5px #ccc;}
/*主题色*/
[theme] {background: #FB5005;}
[theme2] {background: #fff;color: #FB5005;}
[themeColor] {color: #FB5005!important;}
[themeBorder-1] {border: 1px solid #FB5005;}
[themeBorder-2] {border: 2px solid #FB5005;}
[themeLinear] {background: linear-gradient(to right, #FB6105, #FB2005);}
[ellipsis] {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
